<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作用域</title>
</head>
<script>
    // 函数作用域
    // 全局script，独立的script js文件
    // 全局作用域下的称之为全局变量
    var color = 'red';
    // console.log(stu);
    function happy(){ // 局部作用域,只能在函数体内被访问
        // console.log(stu);
        // 局部变量
        var stu = '乔丹';
        console.log(color);
        // console.log(stu);
    }
    happy();
    //console.log(stu); // 函数体外（局部作用域外）报错

    if(0){ // es5没有{}块级作用域
        var a = '好久不见';
    }
    console.log(a);  // undefined

    if(true){
        var num = 123;
        console.log(123); //123
    }
    console.log(123);   //123


    // console.log(stu);
    // console.log(stu);
    // var stu = '乔丹';
    // console.log(stu);
    // console.log(stu);






    // var sub = '数学';
    // function subject(){
    //     console.log(sub) // 数学，此时sub是全局作用域，所以局部作用域中能访问到
    //     sub = '英语'; // 函数体内，此时成了局部作用域
    //     console.log(sub) // 英语
    // }
    // subject();
    // console.log(sub) // 英语

























</script>
<body>
    
</body>
</html>